<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!DOCTYPE html>
<html>
<head>
    <title>详情页</title>
    <meta name="description" content="描述">
    <meta name="viewport" content="width=device-width">
    <link rel="shortcut icon" href="/admin/dist/img/favicon.png"/>
    <link rel="stylesheet" href="/blog/amaze/css/base.css">
    <link href="/blog/plugins/pagination/pagination.css" rel="stylesheet">
    <!-- highlight -->
    <link rel="stylesheet" th:href="@{/blog/plugins/highlight/styles/paraiso-light.css}">
    <style>
        .hljs {
            background: none;
        }

        pre code {
            white-space: pre;
        }

        blockquote {
            border-left: 4px solid #42b983;
            padding: 10px 0px 10px 15px;
            color: #777;
            background-color: rgba(66, 185, 131, .1);
            max-width: 890px;
        }
    </style>
</head>
<body>
<div th:replace="blog/amaze/header::nav-fragment"></div>
<header th:fragment="header-fragment" class="intro-header"
        th:style="'background-image:url(/blog/amaze/images/header.jpg);'">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                <div class="post-heading">
                    <input id="blog_id" type="hidden" th:value="${id}">
                    <h1 id="h-title" style="margin-top: 0">标题</h1>
                    <span class="meta">
                        <p id="p-time" style="display: inline-block">时间</p>&nbsp;&nbsp;
                        <div class="comments-view" style="display: inline-block">
                            <a id="a-comment" href="#comments" class="article-comments">
                                <span id="commentNumber">0</span>条评论
                            </a>
                            <p id="p-views" style="display: inline-block">0</p>浏览
                        </div>
                        </span>
                    <div class="tags post-tags">
                        <a id="a-tag" class="tag" rel="tag" href="#">
                            目录
                        </a>&nbsp;
                    </div>
                </div>
            </div>
        </div>
</header>
<div class="container">
    <div class="am-g am-g-fixed blog-fixed">
        <div class="am-u-lg-12 am-u-sm-12">
            <article class="am-article blog-article-p article-trigger">
                <div id="post-content" class="am-article-bd article-body">
                    <p id="p-content">内容</p>
                    <aside class="blog-rights clearfix">
                        <p>本站文章除注明转载/出处外，皆为作者原创，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接，否则保留追究法律责任的权利。</p>
                    </aside>
                </div>
            </article>
            <hr>
        </div>
    </div>
    <aside class="comments" id="comments">
        <!--TODO-->
        <!--评论-->

        <!--回复-->
        <!--        <article class="comment reply">-->
        <!--            <header class="clearfix">-->
        <!--                <img src="/blog/default/img/avatar.png"-->
        <!--                     style="float: left;border-radius: 100px;width: 50px;">-->
        <!--                <div class="meta2">-->
        <!--                    <h3>十三</h3>-->
        <!--                    <span class="date">-->
        <!--                        回复时间：-->
        <!--                    </span>-->

        <!--                </div>-->
        <!--            </header>-->
        <!--            <div class="reply-body">-->
        <!--                回复内容-->
        <!--            </div>-->
        <!--        </article>-->
    </aside>
    <div id="div-page" class="flickr">
        <!--TODO-->
        <!--分页-->
    </div>
    <!--    <th:block th:if="${blogDetailVO.enableComment==0}">-->
    <aside class="create-comment" id="create-comment">
        <hr>
        <h2><i class="fa fa-pencil"></i> 添加评论</h2>
        <table id="commentForm" class="form">
            <tbody>
            <tr>
                <td>
                    <input type="text" name="commentator" id="commentator" placeholder="(*必填)怎么称呼你?">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="email" name="email" id="email" placeholder="(*必填)你的联系邮箱">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="text" name="websiteUrl" id="websiteUrl" placeholder="你的网站地址(可不填)">
                </td>
            </tr>
            <tr>
                <td>
                    <input style="width:50%" type="text" name="verifyCode" id="verifyCode"
                           placeholder="(*必填)请输入验证码">&nbsp;&nbsp;
                    <img alt="单击图片刷新！" id="pointer" class="pointer" style="border-radius: 25px;"
                         onclick="refreshImg()">
                </td>
            </tr>
            <tr>
                <td>
                    <textarea rows="5" name="commentBody" id="commentBody" placeholder="(*必填)请输入你的评论"></textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <button id="commentSubmit" type="submit"
                            class="submit am-btn am-btn-primary">提交
                    </button>
                </td>
            </tr>
            </tbody>
        </table>
    </aside>
    <!--    </th:block>-->
    <p class="back-top" id="back-top" style="display:none"><a href="#top"><span></span></a></p>
</div>
<footer th:replace="blog/amaze/footer::footer-fragment"></footer>
</body>
<script th:src="@{/blog/default/js/jquery.min.js}"></script>
<script th:src="@{/blog/plugins/highlight/highlight.pack.js}"></script>
<script src="admin/dist/plugins/sweetalert/sweetalert.min.js"></script>

<script src="/blog/plugins/pagination/jquery.pagination.js"></script>
<script th:src="@{/blog/plugins/comment/valid.js}"></script>
<script th:src="@{/blog/plugins/comment/comment.js}"></script>
<script src="/blog/plugins/js/detail.js"></script>

</html>
